@charset "UTF-8";

@import "compass/utilities/sprites";
@import "sprite/*.png";
@include all-sprite-sprites;

// @import
// 	"compass",
// 	"compass/reset";




/*************************/
// COLORS
/*************************/

$arval-bg-color: #00925b;
$arval-wrapper-bg-color: #ffffff;
$arval-text-color: #272727;
$arval-text-color-2: #ffffff;
$arval-green-text-color: #00925b;
$arval-gray-text-color: #3f3f3f;
$arval-light-gray-text-color: #616a71;
$arval-arrow-color: #00bf6f;
$arval-gray-box-border-color: #d1d4d1;
//$arval-green-bg-btn-color: #00925b;
$arval-btn-text-color: #ffffff;
$arval-gray-border-color: #f0f0f0;
$arval-green-bg-box-color: #00bb6c;
$arval-form-input-border-error-color: #eecece;
$arval-form-input-bg-imported-color: #f8fce2;
$arval-form-input-border-imported-color: #bed731;
$arval-form-input-bg-error-color: #fbe2e2; 
$arval-form-label-error-color: #bd0000;
$arval-form-label-imported-color: #00bf6f;
$arval-form-error-text-color: #c73434;
$arval-dashboard-image-border: #e4e4e4;
$arval-dashboard-bg-action: #00bf6f;
$arval-dashboard-text-action: #ffffff;
$arval-dashboard-bg-action-loaded: #00925b;
$arval-back-button-bg-color: #bcbdbc;
$arval-light-green: #7ee0a7;
$arval-img-bg-color: #d4d4d4;
$arval-delete-img-text-color: #c4161c;
$arval-info-privacy-font-color: #00925b;


/*************************/
// FONTS
/*************************/

$arial-default: $body-font-family;
$bnpp-regular: 'bnpp_sansregular';
$bnpp-bold: 'bnpp_sansbold';
$bnpp-light: 'bnpp_sanslight';



@font-face {
    font-family: $bnpp-regular;
    src: url('fonts/bnpp_sans_v2-webfont.eot');
    src: url('fonts/bnpp_sans_v2-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bnpp_sans_v2-webfont.woff') format('woff'),
         url('fonts/bnpp_sans_v2-webfont.ttf') format('truetype'),
         url('fonts/bnpp_sans_v2-webfont.svg#bnpp_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: $bnpp-bold;
    src: url('fonts/bnpp_sans_bold_v2-webfont.eot');
    src: url('fonts/bnpp_sans_bold_v2-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bnpp_sans_bold_v2-webfont.woff') format('woff'),
         url('fonts/bnpp_sans_bold_v2-webfont.ttf') format('truetype'),
         url('fonts/bnpp_sans_bold_v2-webfont.svg#bnpp_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: $bnpp-light;
    src: url('fonts/bnpp_sans_light_v2-webfont.eot');
    src: url('fonts/bnpp_sans_light_v2-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bnpp_sans_light_v2-webfont.woff') format('woff'),
         url('fonts/bnpp_sans_light_v2-webfont.ttf') format('truetype'),
         url('fonts/bnpp_sans_light_v2-webfont.svg#bnpp_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*************************/
// BASE SETTINGS
/*************************/

body {
	background: $arval-bg-color;
	color: $arval-text-color;
	font-family: $arial-default;
	font-size: 14px;

	a, a:hover, a:focus{ color: $arval-text-color; }

	.row{ 
		padding-left: 15px; 
		padding-right: 15px;
		&.hidden{
			display: none;
		}
	}

	.tooltip.tip-top{
		border: 3px solid $arval-light-green;
		width: rem-calc(255);
		margin-left: -130px !important;
		margin-top: -15px !important;
		>.nub{
			z-index: 1;
			left: rem-calc(127);
			height: 10px;
			&.border{
				border-color: $arval-light-green transparent transparent;
    			bottom: -27px;
    			left: rem-calc(125);
    			z-index: 0;
    			border-width: 12px;
    			height: 10px;
    		}
		}
	}

	& > nav {
		margin: 0 auto;
		overflow: hidden;
		width: $row-width;
		ul{
			padding: 0;
			margin: 0;
			li{
				float: left;
				list-style: none;
				height: 38px;
				a{
					height: 38px;
					display: block;
					line-height: 38px;
					padding-left: 25px;
					font-size: 12px;
					text-transform: uppercase;
					color: $arval-text-color-2;
					&:hover{ color: $arval-gray-border-color; }
				}
				&.dashboard{
					a{ @extend .sprite-nav-cube; }
					width: 555px;
				}
				&.help{
					a{ @extend .sprite-nav-help; }
					width: 280px;
				}
				&.guide{
					a{ @extend .sprite-nav-guide; }
				}
			}
		}
	} 

	& > .wrapper {
		background: $arval-wrapper-bg-color;
		width: $row-width;
		margin: 0 auto;
		text-align: center;
		.row:not(.arrow-down) {
			background: $arval-wrapper-bg-color;
		}
	} 

	& > .copy {
		width: $row-width;
		text-align: center;
		color: $arval-text-color-2;
		margin: rem-calc(20) auto;

	} 

	& > footer {
		background: transparent url('assets/footer-bg.png') top center repeat-x;
		text-align: left;
		height: 48px;
		margin: 30px 0;
		a {
			background: transparent url('assets/footer-logo.png') top left no-repeat;
			display: block;
			height: 48px;
		}
	} 
  
}

h1, h2, h3, h4, h5{
	font-family: $bnpp-regular;
	margin: 0;
}

h1.logo{
	font-family: $bnpp-bold;
	font-size: 57px;
	padding: 0 0 0 180px;
	height: 80px;
	color: $arval-bg-color;
	text-transform: uppercase;
	margin:0;
	background: $arval-wrapper-bg-color url('assets/logo-icon.png') 0 center no-repeat;
	text-align:left;
	.light{
		font-family: $bnpp-light;
	}
}


@mixin footer-btn($font-size: 31px, $width: 632, $pad: 25px ) {
  	text-transform: uppercase;
	font-family: $arial-default;
	font-size:$font-size;
	line-height: 60px;
	padding: 0 rem-calc($pad) 0 rem-calc($pad);
	margin-bottom: rem-calc(42);
	//width: rem-calc($width);

	span.icon{
		@extend .sprite-arrow-circle;
		float: right;
		height: 30px;
		width: 30px;
		margin-left: rem-calc($pad);
		margin-top: rem-calc(15);
	}
}

@mixin back-btn($font-size: 19px, $width: 330, $pad: 10px) {
  	text-transform: uppercase;
	font-family: $arial-default;
	font-size: $font-size;
	line-height: 42px;
	padding: 0 rem-calc($pad) 0 rem-calc(6);
	margin-bottom: rem-calc(42);
	//width: rem-calc($width);
	background-color: $arval-back-button-bg-color;
	float: left;
	margin-top: rem-calc(10);
	span.icon{
		@extend .sprite-arrow-circle-back;
		float: left;
		height: 25px;
		width: 25px;
		margin: rem-calc(9) rem-calc($pad) 0 rem-calc(2);
	}
}

// 	$width-wide:    990px;

// 	@include xlarge-base {
// 		body > .row {
// 	        width: $width-wide;
// 	        max-width: $width-wide;
// 	   	}
// 	   	.show-for-large,
// 		.show-for-large-up { display: inherit !important; }
// 		.hide-for-medium-up,
// 		.show-for-small,
// 		.show-for-medium,
// 		.show-for-medium-down { display: none !important; }
// 		.hide-for-medium,
// 		.hide-for-medium-down { display: inherit !important; }
// 		.hide-for-large,
// 		.hide-for-large-up { display: none !important; }
// 	}
	

// 	@include small-base {

// 		body {
// 			background:#efefef;
// 			> .row  {
// 			    width: $width-mobile;
// 			    max-width: $width-mobile;
// 			    .container {padding: 0;}
// 			}
// 		} 
		
// 	    .show-for-small,
// 	    .show-for-medium-down,
// 	    .show-for-large-down { display: inherit !important; }
	    
// 	    .show-for-medium,
// 	    .show-for-medium-up,
// 	    .show-for-large,
// 	    .show-for-large-up,
// 	    .show-for-xlarge { display: none !important; }
	    
// 	    .hide-for-medium,
// 	    .hide-for-medium-up,
// 	    .hide-for-large,
// 	    .hide-for-large-up,
// 	    .hide-for-xlarge { display: inherit !important; }
	    
// 	    .hide-for-small,
// 	    .hide-for-medium-down,
// 	    .hide-for-large-down { display: none !important; } 
// 	}


// body {
//     font-family:"main-regular", Arial, Helvetica, sans-serif; 
//     -webkit-font-smoothing: antialiased;
// }

// /*-------------------------------------------------------------------------------------------------
// CLASSI GENERALI 
// ---------------------------------------------------------------------------------------------------*/
// .clearfix {clear: both; float: none; padding:0; margin:0;}
// .print_nav {display: none;}
// :focus {outline:none;}

// $shadows-layout:smart;
// @import "shadows/*.png" ;
// @include all-shadows-sprites;

// $shadows-layout:smart;
// @import "miscellaneous/*.png" ;
// @include all-miscellaneous-sprites;

// /*-------------------------------------------------------------------------------------------------
// STRUTTURA
// ---------------------------------------------------------------------------------------------------*/
// .container > section:not(.norow) {
// 	@include grid-row;
// }

// .container {
// 	position:relative;
// 	@extend .row;
//     padding:0 emCalc(16px);
//     background:$white;
// 	.main-content {
// 		@extend .xlarge-21;
// 		@extend .small-31;
// 		@extend .columns;
// 		margin-top: emCalc(16px);
// 	}
// 	aside {
// 		@extend .xlarge-10;
// 		@extend .small-31;
// 		@extend .columns;
// 		margin-top: emCalc(16px);
// 		.aside_shadow {
// 			position: absolute;
// 			display: block;
// 			text-indent: -99999px;
// 			top:0;
// 			width: 17px;
// 			height: 1198px;
// 			z-index: 100;
// 			@extend .shadows-aside_shadow; 
// 		}
// 	}
    	
// 	@include small-base {
//         padding:0;
//         .main-content, aside {margin-top:0;height:auto;}
// 		.md_zp_03 {margin:0 0 emCalc(30px) 0;}
// 	}
// } /* end container */


// .grey_line { 
//     @extend .row;	
//     @extend .hide-for-small;
//     background: none repeat scroll 0 0 #EBEBEB;
//     display: block;
//     height: 5px;
//     margin: 90px auto 70px;
//     width: 100%;
// }

// @import
// 	"vendor/plugins/jquery.bxslider",
// 	"vendor/plugins/jquery.custom-scrollbar",
// 	"vendor/plugins/jquery.fancybox";
	
